<!DOCTYPE html>
<html>
	<head>
		<title>主体框架</title>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css"/>
		<link rel="stylesheet" type="text/css" href="https://at.alicdn.com/t/font_1322088_ncfesihrjs.css"/>
		<link rel="stylesheet" type="text/css" href="css/style.css"/>
	</head>
	<body>
		<nav class="navbar navbar-default">
			<div class="container-fluid">
			    <div class="navbar-header">
			       <a class="navbar-brand" href="#"><img src="img/logo.png" ></a>
			       <a class="navbar-brand hidden-left"><i  class="iconfont icon-zuoshuangjiantou"></i></a>
			    </div>
			    <div class="collapse navbar-collapse">
					<ul class="navbar-right nav-box flex">
						<li>
							<a>张学友<i class="iconfont icon-wulumuqishigongandashujuguanlipingtai-ico-"></i></a>
							<div class="show-box-list">
								<ul class="mp00">
									<li class="list-none">
										<div class="drop-box"><i class="iconfont icon-jichuban"></i><span>账号信息</span></div>
									</li>
								</ul>
							</div>
						</li>
						<li>
							<a><i class="iconfont icon-kefu"></i></a>
						</li>
						<li>
							<a><i class="iconfont icon-shezhi"></i></a>
							<div class="show-box-list">
								<ul class="mp00">
									<li class="list-none">
										<div class="drop-box"><i class="iconfont icon-jichuban"></i><span>基础资料</span><i class="iconfont icon-xiangxia"></i></div>
										<div class="show-drop">
											<ul class="mp00">
												<li onclick="openViewPage('gsxx.html')" class="list-none">公司信息</li>
												<li class="list-none">部门与员工</li>
											</ul>
										</div>
									</li>
									<li class="list-none">
										<div class="drop-box"><i class="iconfont icon-JWTfuzhugongju"></i><span>辅助资料</span><i class="iconfont icon-xiangxia"></i></div>
										<div class="show-drop">
											<ul class="mp00">
												<li onclick="openViewPage('spfl.html')" class="list-none">商品分类</li>
												<li onclick="openViewPage('sppb.html')" class="list-none">商品品牌</li>
												<li onclick="openViewPage('jldw.html')" class="list-none">计量单位</li>
												<li class="list-none">经销商级别</li>
												<li class="list-none">账期类型</li>
												<li class="list-none">经销商归属区域</li>
												<li class="list-none">通知分类</li>
												<li class="list-none">仓库</li>
											</ul>
										</div>
									</li>
									<li class="list-none">
										<div class="drop-box"><i class="iconfont icon-xitong"></i><span>系统设置</span><i class="iconfont icon-xiangxia"></i></div>
										<div class="show-drop">
											<ul class="mp00">
												<li class="list-none">系统参数设置</li>
												<li class="list-none">订单处理流程设置</li>
											</ul>
										</div>
									</li>
									<li class="list-none">
										<div class="drop-box"><i class="iconfont icon-daily-fill"></i><span>操作日志</span></div>
									</li>
								</ul>
							</div>
						</li>
						<li><a><i class="iconfont icon-lingdang"></i></a></li>
					</ul>
			    </div>
			</div>
		</nav>
		
		<div class="container-fluid content-box">
			<div class="left-nav">
				<div class="left-tab">
					<ul class="mui-table-view">
						<li class="mui-table-view-cell">
							<div onclick="openViewPage('dd.html','订单','订货单')"><span class="iconfont icon-dingdan-copy-copy"></span><span class="main-title">订单</span></div>
							<div class="model-box">
								<div class="model-box-list">
									<div class="box-list">
										<div  class="title">订单管理</div>
										<ul>
											<li onclick="openViewPage('dd.html','订单','订货单')">订货单</li>
											<li onclick="openViewPage('thd.html','订单','退货单')">退货单</li>
										</ul>
									</div>
									<div class="box-list">
										<div class="title">订单统计</div>
										<ul>
											<li onclick="openViewPage('ddtj_fh-ck.html','订单','出库&发货记录')">出库/发货记录</li>
											<li onclick="openViewPage('dttj_sptj-mx.html','订单','订单商品统计（明细）')">订单商品统计（明细）</li>
											<li onclick="openViewPage('dttj_sptj-akh.html','订单','订单商品统计（按客户）')">订单商品统计（按客户）</li>
											<li onclick="openViewPage('dttj_sptj-asp.html','订单','订单商品统计（按商品）')">订单商品统计（按商品）</li>
											<li onclick="openViewPage('dttj_fhtj.html','订单','发货统计')">发货统计</li>
										</ul>
									</div>
									<div class="box-list">
										<div class="title">退单统计</div>
										<ul>
											<li onclick="openViewPage('tdtj_sptj.html','订单','退单商品统计')">退单商品统计</li>
										</ul>
									</div>
								</div>
							</div>
						</li>
						<li class="mui-table-view-cell">
							<div onclick="openViewPage('splb.html')" ><span class="iconfont icon-shangpin"></span><span class="main-title">商品</span></div>
							<div class="model-box">
								<div class="model-box-list">
									<div class="box-list">
										<div class="title">商品管理</div>
										<ul>
											<li onclick="openViewPage('splb.html','商品','商品列表')">商品列表</li>
										</ul>
									</div>
									<div class="box-list">
										<div class="title">库存管理</div>
										<ul>
											<li onclick="openViewPage('spkc.html','商品','商品库存')">商品库存</li>
											<li onclick="openViewPage('sprk.html','商品','商品入库')">商品入库</li>
											<li onclick="openViewPage('spck.html','商品','商品出库')">商品出库</li>
											<li onclick="openViewPage('kcdb.html','商品','库存调拨')">库存调拨</li>
											<li onclick="openViewPage('kcpd.html','商品','库存盘点')">库存盘点</li>
											<li onclick="openViewPage('crkmx.html','商品','出入库明细')">出入库明细</li>
											<li onclick="openViewPage('spsfhz.html','商品','商品收发汇总')">商品收发汇总</li>
											<li onclick="openViewPage('cbtz.html','商品','成本调整')">成本调整</li>
											<li onclick="openViewPage('qmjz.html','商品','期末结转')">期末结转</li>
										</ul>
									</div>
									<div class="box-list">
										<div class="title">采购管理</div>
										<ul>
											<li onclick="openViewPage('gysgl.html','商品','供应商管理')">供应商管理</li>
											<li onclick="openViewPage('zncg.html','商品','智能采购')">智能采购</li>
											<li onclick="openViewPage('cgdd.html','商品','采购订单')">采购订单</li>
											<li onclick="openViewPage('cgth.html','商品','采购退货')">采购退货</li>
											<li onclick="openViewPage('cghz.html','商品','采购汇总')">采购汇总</li>
										</ul>
									</div>
								</div>
							</div>
						</li>
						<li class="mui-table-view-cell">
							<div onclick="openViewPage('jxslist.html')"><span class="iconfont icon-jingli"></span><span class="main-title">经销商</span></div>
							<div class="model-box">
								<div class="model-box-list">
									<div class="box-list">
										<div class="title">经销商管理</div>
										<ul>
											<li onclick="openViewPage('jxslist.html','经销商','经销商列表')">经销商列表</li>
											<li onclick="openViewPage('sjgl.html','经销商','商机管理')">商机管理</li>
											<li onclick="openViewPage('jxs_chat.html','经销商','经销商反馈')">经销商反馈</li>
										</ul>
									</div>
								</div>
							</div>
						</li>
						<li class="mui-table-view-cell">
							<div onclick="openViewPage('zj_skd.html','资金','收款单')"><span class="iconfont icon-zijinzhanghu"></span><span class="main-title">资金</span></div>
							<div class="model-box">
								<div class="model-box-list">
									<div class="box-list">
										<div class="title">资金管理</div>
										<ul>
											<li onclick="openViewPage('zj_skd.html','资金','收款单')">收款单</li>
											<li onclick="openViewPage('zj_fkd.html','资金','付款单')">付款单</li>
											<li onclick="openViewPage('zj_skqr.html','资金','收款确认')">收款确认</li>
											<li onclick="openViewPage('zj_tkqr.html','资金','退款确认')">退款确认</li>
											<li onclick="openViewPage('zj_zjzh.html','资金','资金账户')">资金账户</li>
											<li onclick="openViewPage('zj_skzh.html','资金','收款账户')">收款账户</li>
										</ul>
									</div>
									<div class="box-list">
										<div class="title">对账管理</div>
										<ul>
											<li onclick="openViewPage('zj2_jxsdz.html','资金','经销商对账')">经销商对账</li>
											<li onclick="openViewPage('zj2_jxsdzd.html','资金','经销商对账单')">经销商对账单</li>
											<li onclick="openViewPage('zj2_hxjl.html','资金','核销记录')">核销记录</li>
										</ul>
									</div>
									<div class="box-list">
										<div class="title">资金统计</div>
										<ul>
											<li onclick="openViewPage('zj3_sz.html','资金','收支明细')">收支明细</li>
											<li onclick="openViewPage('zj_ddskdj.html','资金','订单收款统计')">订单收款统计</li>
										</ul>
									</div>
								</div>
							</div>
						</li>
						<li class="mui-table-view-cell">
							<div onclick="openViewPage('new_file.html')" ><span class="iconfont icon-yingxiaobao"></span><span class="main-title">营销</span></div>
							<div class="model-box">
								<div class="model-box-list">
									<div class="box-list">
										<div class="title">通知发布</div>
										<ul>
											<li onclick="openViewPage('new_file.html')">广告发布</li>
											<li>通知公告</li>
											<li>短信充值</li>
											<li>通知设置</li>
										</ul>
									</div>
									<div class="box-list">
										<div class="title">促销管理</div>
										<ul>
											<li>商品促销</li>
											<li>订单促销</li>
											<li>组合促销</li>
										</ul>
									</div>
									<div class="box-list">
										<div class="title">营销工具</div>
										<ul>
											<li>大转盘</li>
											<li>优惠券</li>
											<li>效果分析</li>
											<li>积分</li>
											<li>拉新提成</li>
										</ul>
									</div>
								</div>
							</div>
						</li>
						<li class="mui-table-view-cell">
							<div onclick="openViewPage('new_file.html')" ><span class="iconfont icon-shouyaoji"></span><span class="main-title">报表</span></div>
							<div class="model-box">
								<div class="model-box-list">
									<div class="box-list">
										<div class="title">订货相关</div>
										<ul>
											<li onclick="openViewPage('new_file.html')">订单统计报表</li>
											<li>地区统计报表</li>
											<li>商品销售报表</li>
											<li>经销商订货报表</li>
										</ul>
									</div>
									<div class="box-list">
										<div class="title">利润损耗</div>
										<ul>
											<li>销售毛利统计报表</li>
											<li>损耗统计报表</li>
										</ul>
									</div>
									<div class="box-list">
										<div class="title">资金收款</div>
										<ul>
											<li>应收统计报表</li>
										</ul>
									</div>
									<div class="box-list">
										<div class="title">业绩核算</div>
										<ul>
											<li>员工业绩统计报表</li>
											<li>客户拉新统计</li>
											<li>员工拉新统计</li>
										</ul>
									</div>
								</div>
							</div>
						</li>
					</ul>
				</div>
				<div class="left-tab hidden">
					<ul class="mui-table-view">
						<li onclick="openViewPage('https://www.qq.com/')" class="mui-table-view-cell">
							<span class="iconfont icon-shangpinguanli"></span><span class="main-title">应用中心</span>
						</li>
					</ul>
				</div>
			</div>
			<div class="page-content">
				<div class="nav-top-box">
					<span><a href="">首页</a><span class="xie">/</span></span>
					<span><a href="" id="maxClass"></a><span class="xie">/</span></span>
					<span id="minClass"></span>
				</div>
				<div class="iframe-box">
					<iframe id="iframe" src="index.html" style="width: 100%	;height: 100%;" frameborder="0" scrolling="auto" class="x-iframe"></iframe>
				</div>
			</div>
		</div>
		
		<div class="kefu">
			<div class="close"></div>
			<div class="ke-box">
				45689708-9=
			</div>
		</div>
		
		
		
		
		<script src="js/jquery-v3-3.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/vue.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/Gather.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			
			//左边栏方法
			$(".left-tab .mui-table-view-cell").mouseover(function() {   
				$(this).addClass('open');
				var index = $(this).index();
				$(this).find(".model-box").css({"top":(index*50+81)+"px"})
			}).mouseout(function() {  
				$(this).removeClass('open');
		    }); 
			
			//顶部栏菜单展开方法
			$(".list-none .drop-box").click(function(){
				$(this).next().slideToggle(100)
				$(this).toggleClass("active")
			})
			
			
			//打开页面方法
			function openViewPage(url,cla,title){
				$("#iframe").attr("src",url)
				setTitles(cla,title)
			}
			
			
			function setTitles(maxClass,minClass){
				$("#maxClass").text(maxClass)
				$("#minClass").text(minClass)
			}
			
			//缩小左边栏方法
			$(".navbar-brand.hidden-left").click(function(){
				$(this).toggleClass("active")
				$(".content-box").toggleClass("active")
			})
			
			
			
			$(function(){
				var height = document.documentElement.clientHeight;
				console.log(document.documentElement.clientHeight);
				$(".container-fluid.content-box").css({"height":(height-67)+"px"})
			})
			
			$(window).resize(function(){
				var height = document.documentElement.clientHeight;
				console.log(document.documentElement.clientHeight);
				$(".container-fluid.content-box").css({"height":(height-67)+"px"})
				$(".iframe-box").css({"height":(height-102)+"px"})
			})
			
		</script>
	</body>
</html>
